<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>商标快注-选择商品分类</title>
	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<link rel="stylesheet" type="text/css" href="./css/iconfont/iconfont.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/demo.js"></script>
</head>
<body>
<!-- header -->
    <div class="pre-header">
    	<div class="mini-nav">
    		<div class="wrap">
    			<div class="mini-nav-left fl">
    				<span class="fl">北京市&#12288;天气阴</span>
    				<span class="iconfont icon-icon53 fl"></span>
    				<span class="fl">&#12288;2014年11月14日&#12288;星期五</span>
    			</div>
    			<div class="mini-nav-right fr">
    				<a class="fl" href="#">欢迎您 linda!</a>
    				<a class="fl" href="#">我的快注</a>
    				<a class="fl" href="#"><span class="iconfont icon-favorite fl"></span class="fl"> 收藏</span></a>
    			</div>
    		</div>
    	</div>
    	<div class="nav clearfix">
    		<div class="wrap">
    			<div class="nav-left fl">
    			    <a href="#"><img src="./images/logo.png"></a>
    			</div>
    			<div class="nav-right fr">
    				<a class="fl" href="./index.html">首页</a>
                    <a class="fl" href="./trademark-registration.html">商标快注</a>
                    <a class="fl" href="./news.html">注吧资讯</a>
                    <a class="fl" href="./contact-us.html">联系我们</a>
    			</div>
    		</div>
    	</div>
    </div>
<!-- main -->
    <div class="brand-main clearfix">
        <div class="wrap">
            <div class="brand-content clearfix">
                <div class="white-bar"></div>
                <div class="brand-main-left fl">
                    <ul>
                        <li>
                            <div class="circle fl">1</div>
                            <a href="#">查看快注流程</a>
                        </li>
                        <li class="selected">
                            <div class="circle fl">2</div>
                            <a href="#">选择商品分类</a>
                        </li>
                        <li>
                            <div class="circle fl">3</div>
                            <a href="#">选择商标字体</a>
                        </li>
                        <li>
                            <div class="circle fl">4</div>
                            <a href="#">确认申请信息</a>
                        </li>
                        <li>
                            <div class="circle fl">5</div>
                            <a href="#">订单提交&amp;付款</a>
                        </li>
                    </ul>
                </div>
                <div class="brand-main-right fr">
                    <div class="brand-b-link fl">
                        <a href="#">
                            <img src="./images/brand-b-1.jpg">
                        </a>
                        <p>报道称，这份提交美国国会的报告还表示，中国可携带核弹</p>
                    </div>
                    <div class="brand-b-link fl">
                        <a href="#">
                            <img src="./images/brand-b-2.jpg">
                        </a>
                        <p>该委员会的报告明确表示，中国目前拥有3艘晋级潜艇，加两艘。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- footer -->
    <div class="personal-footer clearfix">
        <div class="wrap">
            <div class="personal-footer-left fl">
                <a href="./trademark-registration.html">新手帮助</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./trademark-registration.html">商标快注</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./news.html">注吧资讯</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./contact-us.html">联系我们</a>
            </div>
            <div class="personal-footer-right fr">
                &copy; 2014 北京市快注知识产权代理有限公司 版权所有 京ICP备14014304号-1 京ICP证140441号
            </div>
        </div>
    </div>
</body>
</html>